<!-- End .row-fluid -->
<div id="attributeDiv" class="modal hide fade"
	selector=".attributeTable" style="display: none;">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Attribute</h3>
	</div>

	<div class="modal-body">

		<input type="hidden" name="attributeGroupId"
			value="${entity.attributeGroup.id}"> <input type="hidden"
			name="action">
		<div class="form-row row-fluid">
			<label class="form-label span4">Description</label> <input
				class="span8 uniform" name="name">
		</div>

		<div class="form-row row-fluid">
			<label class="form-label span4">Description</label>
			<textarea class="span8 uniform" rows="3" name="text"></textarea>
		</div>

	</div>

	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
			class="btn btn-primary modal-submit">Save changes</a>
	</div>

</div>

<div id="discountDiv" class="modal hide fade" selector=".discountTable"
	style="display: none;">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Discount</h3>
	</div>

	<div class="modal-body">

		<input type="hidden" name="action"> <input type="hidden"
			name="productId" value="${entity.id}">
		<div class="form-row row-fluid">
			<label class="form-label span4">Quantity</label> <input
				class="span8 uniform" name="quantity">
		</div>
		<div class="form-row row-fluid">
			<label class="form-label span4">Priority</label> <input
				class="span8 uniform" name="priority">
		</div>
		<div class="form-row row-fluid">
			<label class="form-label span4">Price</label> <input
				class="span8 uniform" name="price">
		</div>
		<div class="form-row row-fluid">
			<label class="form-label span4">Date Start</label> <input
				class="span8 uniform datepicker" name="discountStart">
		</div>
		<div class="form-row row-fluid">
			<label class="form-label span4">Date End</label> <input
				class="span8 uniform datepicker" name="discountEnd">
		</div>


	</div>

	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
			class="btn btn-primary modal-submit">Save changes</a>
	</div>

</div>

<div id="productImageDiv" class="modal hide fade"
	selector=".productImageTable" style="display: none;">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Product Image</h3>
	</div>

	<div class="modal-body">
		<input type="hidden" name="action"> <input type="hidden"
			name="productId" value="${entity.id}">
		<!--name -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="name">Name :</label><input
						class="span9" id="name" name="name" type="text" value="" />
				</div>
			</div>
		</div>
		<!--image -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="image">Image :</label><input
						class="span9" id="image" name="image" type="text" value="" />
				</div>
			</div>
		</div>
		<!--orderRank -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="orderRank">Order Rank
						:</label><input class="span9" id="orderRank" name="orderRank" type="text"
						value="" />
				</div>
			</div>
		</div>
		<!--title -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="title">Title :</label><input
						class="span9" id="title" name="title" type="text" value="" />
				</div>
			</div>
		</div>
		<!--description -->
		<div class="form-row row-fluid">
			<label class="form-label span3">Description : :</label>
			<textarea name="description" class="span9 limit elastic"
				id="description" rows="3" cols="10"></textarea>
		</div>


	</div>

	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
			class="btn btn-primary modal-submit">Save changes</a>
	</div>

</div>



<div id="productDownloadDiv" class="modal hide fade"
	selector=".productDownloadTable" style="display: none;">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Product Download</h3>
	</div>

	<div class="modal-body">
		<input type="hidden" name="productId" value="${entity.id}"> <input
			type="hidden" name="action">
		<!--name -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="name">Name :</label><input
						class="span8" id="name" name="name" type="text" value="" />
				</div>
			</div>
		</div>
		<!--category -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3">Category :</label>
					<div class="span8 controls">
						<select name="categoryId"><c:if
								test="${not empty downloadCategories}">
								<c:forEach var="single" items="${downloadCategories}">
									<option value="${single.id}">${single.name}</option>
								</c:forEach>
							</c:if></select>
					</div>
				</div>
			</div>
		</div>
		<!--attachmentUrl -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="attachmentUrl">Attachment
						Url :</label><input class="span8 ckfile" id="attachmentUrl"
						name="attachmentUrl" type="text" value="" />
				</div>
			</div>
		</div>
		<!--link -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="link">Link :</label><input
						class="span8" id="link" name="link" type="text" value="" />
				</div>
			</div>
		</div> 
		<!--orderRank -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="orderRank">Order Rank
						:</label><input class="span8" id="orderRank" name="orderRank" type="text"
						value="" />
				</div>
			</div>
		</div>
		<!--date -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="date">Date :</label><input
						class="span8 datepicker" id="date" name="date" type="text"
						value="" />
				</div>
			</div>
		</div>
		<!--image -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="image">Image :</label><input
						class="span8" id="image" name="image" type="text" value="" />
				</div>
			</div>
		</div>

	</div>

	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
			class="btn btn-primary modal-submit">Save changes</a>
	</div>

</div>



<div id="attributeLinkDiv" class="modal hide fade"
	selector=".attributeLinkTable" style="display: none;">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Attribute Link</h3>
	</div>

	<div class="modal-body">
		<input type="hidden" name="action">
		<!--attribute -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3">Attribute :</label>
					<div class="span9 controls">
						<select name="attributeId"><c:if
								test="${not empty attributes}">
								<c:forEach var="single" items="${attributes}">
									<option value="${single.id}">${single.name}</option>
								</c:forEach>
							</c:if></select>
					</div>
				</div>
			</div>
		</div>
		<!--value -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="value">Value :</label><input
						class="span9" id="value" name="value" type="text" value="" />
				</div>
			</div>
		</div>


	</div>

	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
			class="btn btn-primary modal-submit">Save changes</a>
	</div>

</div>

<div id="stockBalanceDiv" class="modal hide fade"
	selector=".stockBalanceTable" style="display: none;">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Stock Balance</h3>
	</div>

	<div class="modal-body">
		<input type="hidden" name="action">
		<!--name -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3" for="name">Amount :</label><input
						class="span9" name="amount" type="text" value="" />
				</div>
			</div>
		</div>
		<!--descriptin -->
		<div class="form-row row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<label class="form-label span3">Description : </label>
					<textarea name="description" class="span9 limit elastic" rows="3"
						cols="10"></textarea>
				</div>
			</div>
		</div>



	</div>

	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
			class="btn btn-primary modal-submit-stock">Save changes</a>
	</div>

</div>